<script setup lang="ts"></script>

<template>
  <RouterView></RouterView>
</template>

<style lang="scss">
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
  display: flex;
}

.height-space {
  height: 15px;
}

.box-e {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 10px 15px 15px;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 20px;
}

.box-t {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

.box-p {
  background-color: #fff !important;
  border-radius: 10px;
  padding: 10px 10px 10px 15px !important;
  box-shadow: 0 0 2px #ccc;
  overflow: hidden;
  margin-top: 20px;
}

.box-f {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 20px;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 20px;
}

.box-back {
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 20px;
  min-width: 70px;
}

.el-dialog.is-align-center {
  border-radius: 20px;
}
</style>
